这篇笔记主要解决的问题是Electron的主进程与渲染进程之间的通信.
使用ipcMain和ipcRenderer
// 来自官方的示例
const {ipcMain} = require('electron')
ipcMain.on('asynchronous-message', (event, arg) => {
console.log(arg) // prints "ping"
event.sender.send('asynchronous-reply', 'pong')
})
ipcMain.on('synchronous-message', (event, arg) => {
console.log(arg) // prints "ping"
event.returnValue = 'pong'
})
要点:
- 渲染进程可以通过
ipcRenderer
向主进程发送消息 - 主进程通过
ipcMain
监听来自渲染进程的消息. 并根据消息类型执行不同的操作 - 主进程的回调方法包含
event
和arg
两个参数.arg
对象中保存了渲染进程传递的参数. 通过event.sender
对象,主进程可以直接向渲染进程发送返回消息. 如果主进程执行的同步方法,还可以通过设置event.returnValue
来获取返回值.
使用 electron.remote 模块
在渲染进程中,可以通过const {remote} = require('electron')
来获取到remote对象. 通过这个对象可以允许渲染进程访问主进程的模块.
const {BrowserWindow} = require('electron').remote;
let win = new BrowserWindow({width: 800, height: 600});
win.loadURL('https://xxx.com');
同样的,我们也可以通过remote
对象访问到app
对象。这样我们就可以访问到我们在主进程中挂载到electron.app
对象上的方法。
// 主进程
const { app } = require('electron');
const utils = require('./utils');
app.utils = utils; // 将在 Electron 层实现的接口绑定到 app 上
// 渲染进程
const { remote } = require('electron');
function() {
// remote.app.utils 对象与主进程中的utils对象是一样的。
remote.app.utils.test();
}
要点:
通过remote
对象,我们可以不必发送进程间消息来进行通信。但实际上,我们在调用远程对象的方法、函数或者通过远程构造函数创建一个新的对象,实际上都是在发送一个同步的进程间消息(官方文档 上说这类似于JAVA
中的RMI
)。
也就是说,remote
方法只是不用让我们显式的写发送进程间的消息的方法而已。在上面通过remote
模块创建BrowserWindow
的例子里。我们在渲染进程中创建的BrowserWindow
对象其实并不在我们的渲染进程中,它只是让主进程创建了一个BrowserWindow
对象,并返回了这个相对应的远程对象给了渲染进程。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。